<template>
  <div class="risk">
    <div class="risk_main">
      <div class="flex JustifyContentSB">
        <p style="margin-bottom: 0.625rem;">
          <span class="Bold colorF font_s20">{{data.mc}}</span>
          <span class="font_s14" style="color: rgb(255, 247, 124); border: 1px solid rgb(150, 145, 64); border-radius: 1rem;">&nbsp;&nbsp;风险&nbsp;&nbsp;</span>
        </p>
        <p class="Regular font_s16 colorF butxt">协同监管</p>
      </div>
      <p style="margin: 0px auto 0.5rem;">
        <img class="verticM" style="height: 1rem;" src="../../../assets/img/comprehensive/19.png">&nbsp;
        <span class="font_s16 Medium" style="color: rgb(152, 181, 189);">{{data.dz}}</span>
      </p>
      <ul class="flex colorF textC" style="padding:0.5rem 0;width: 70%;">
        <li class="flex1" style="border: solid 2px #EF8264;border-radius:3px;background:rgba(239,130,100,0.5);margin-right:0.5rem;">
          <p class="font_s20" style="line-height: 2rem;">A</p>
          <p class="font_s16">信用等级</p>
        </li>
        <li class="flex1" style="border: solid 2px #7D649E;border-radius:3px;background:rgba(125,100,158,0.5);margin-right:0.5rem;">
          <p class="font_s20" style="line-height: 2rem;">80</p>
          <p class="font_s16">信用分</p>
        </li>
        <li class="flex1" style="border: solid 2px #94E7B7;border-radius:3px;background:rgba(148,231,183,0.5);margin-right:0.5rem;">
          <p class="font_s20" style="line-height: 2rem;">A</p>
          <p class="font_s16">风险等级</p>
        </li>
        <li class="flex1" style="border: solid 2px #FFCD79;border-radius:3px;background:rgba(255,205,121,0.5);">
          <p class="font_s20" style="line-height: 2rem;">一级</p>
          <p class="font_s16">机构等级</p>
        </li>
      </ul>
      <div class="flex JustifyContentSB font_s14 colorF" style="border-top: 1px dashed rgba(67,154,255,0.3);border-bottom: 1px dashed rgba(67,154,255,0.3);padding:1rem 0 2rem 0;">
        <div class="flex1">
          <p>组织机构代码：暂无</p>
          <p>营业期限：2012年7月至2025年7月</p>
        </div>
        <div class="flex1">
          <p>法人代表：汪宇岚</p>
          <p>设立日期：2012年5月</p>
        </div>
      </div>
      <div class="loop positionR">
        <p class="font_s22 colorF" style="position: absolute;top:45%;left:38%;">监管流程</p>
      </div>
      <ul class="flex" style="padding-top: 0.5rem;">
        <li class="font_s16 fx_fq">风险发起</li>
      </ul>
      <ul class="process">
        <!-- <li>
          <div class="flex JustifyContentSB">
            <p class="process_title font_s16 colorF">派单</p>
            <p></p>
          </div>
          <p class="font_s16" style="color:#65FDFF;padding-left: 1rem;">预警信息：接到群众举报，该养老机构存在食品安全问题</p>
          <div class="flex" style="padding-left: 1rem;">
            <p class="font_s16" style="color: #BAFFFC;">发起主体：</p>
            <ul class="flex1 flex">
              <li class="textC">
                <img class="" style="height: 4.0625rem;" src="../../../assets/img/comprehensive/32.png" alt="">
                <p class="font_s12 colorF">民政局</p>
              </li>
              <li class="textC">
                <img class="" style="height: 4.0625rem;" src="../../../assets/img/comprehensive/33.png" alt="">
                <p class="font_s12 colorF">公安局</p>
              </li>
              <li class="textC">
                <img class="" style="height: 4.0625rem;" src="../../../assets/img/comprehensive/34.png" alt="">
                <p class="font_s12 colorF">应急局</p>
              </li>
              <li class="textC">
                <img class="" style="height: 4.0625rem;" src="../../../assets/img/comprehensive/35.png" alt="">
                <p class="font_s12 colorF">卫健委</p>
              </li>
            </ul>
          </div>
          <div class="buts flex font_s16 colorF">
            <div class="but1">风险监管</div>
            <div class="but2">信用监管</div>
          </div>
          <p style="border-top: 1px dashed rgba(67,154,255,0.3);padding-top: 0.5rem;margin-top: 0.5rem;"></p>
        </li> -->
        <li>
          <div class="flex JustifyContentSB">
            <p class="process_title font_s16 colorF">发起</p>
            <p class="font_s14" style="color: #6CF6FF;">实施单位：区民政局</p>
          </div>
          <p class="font_s16" style="color:#65FDFF;padding-left: 1rem;">检查内容：未按照国家有关标准和规定开展殡葬服务</p>
          <p class="font_s16 colorF" style="padding-left: 1rem;">发现时间：2019-07-02 15:30</p>
          <p style="padding-left: 1rem;">
            <!-- <img style="height: 7.9375rem;" src="../../../assets/img/comprehensive/36.png" alt=""> -->
          </p>
          <p class="Regular font_s16 colorF butxt" style="width: 4rem;margin-left: 1rem;" @click="$emit('synergy')">立即派单</p>
          <p style="border-top: 1px dashed rgba(67,154,255,0.3);padding-top: 0.5rem;margin-top: 0.5rem;"></p>
        </li>
        <li>
          <div class="flex JustifyContentSB">
            <p class="process_title font_s16 colorF">查询处置结果</p>
            <p class="font_s14" style="color: #6CF6FF;">实施单位：区民政局</p>
          </div>
         <!-- <p class="font_s16" style="color:#65FDFF;padding-left: 1rem;">检查后确实存在消火栓箱生锈，消火栓箱缺少水枪水带，勒令整；</p>
          <p class="font_s16 colorF" style="padding-left: 1rem;">检查结果：发出整改通知单</p> -->
          <p style="padding-left: 1rem;">
            <!-- <img style="height: 7.9375rem;" src="../../../assets/img/comprehensive/36.png" alt=""> -->
          </p>
          <p style="border-top: 1px dashed rgba(67,154,255,0.3);padding-top: 0.5rem;margin-top: 0.5rem;"></p>
        </li>
        <li>
           <div class="flex JustifyContentSB">
             <p class="process_title font_s16 colorF">查询整改结果</p>
             <p class="font_s14" style="color: #6CF6FF;">实施单位：区民政局</p>
           </div>
          <!-- <p class="font_s16" style="color:#65FDFF;padding-left: 1rem;">针对存在的问题进行整改，并按要求完成了整改内容；</p>
           <p class="font_s16 colorF" style="padding-left: 1rem;">反馈结果：已整改</p> -->
           <p style="padding-left: 1rem;">
             <!-- <img style="height: 7.9375rem;" src="../../../assets/img/comprehensive/36.png" alt=""> -->
           </p>
           <p style="border-top: 1px dashed rgba(67,154,255,0.3);padding-top: 0.5rem;margin-top: 0.5rem;"></p>
        </li>
        <li>
           <div class="flex JustifyContentSB">
             <p class="process_title font_s16 colorF">修复</p>
             <p class="font_s14" style="color: #6CF6FF;">实施单位：区民政局</p>
           </div>
          <!-- <p class="font_s16" style="color:#65FDFF;padding-left: 1rem;">风险修复，风险等级保持A级</p>
           <p class="font_s16 colorF" style="padding-left: 1rem;">反馈结果：已整改</p> -->
           <p style="padding-left: 1rem;">
             <!-- <img style="height: 7.9375rem;" src="../../../assets/img/comprehensive/36.png" alt=""> -->
           </p>
           <p style="border-top: 1px dashed rgba(67,154,255,0.3);padding-top: 0.5rem;margin-top: 0.5rem;"></p>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  name: 'Risk',
  props: {
    data: {
      type: Object,
      default: () => {
        return {}
      }
    }
  }
}
</script>
<style lang="scss" scoped>
  .risk::-webkit-scrollbar {
    width: 0;
  }
.risk{
  max-height: 90%;
  width: 35%;
  overflow: auto;
  position: absolute;
  top:5%;
  left: 5%;

  .risk_main{
    padding: 1rem;
    background:rgba(30,38,48,0.9);
    border:2px solid rgba(160,244,135,1);
    border-radius:10px;
    .butxt{
      padding: 0.5rem;
      background: url(../../../assets/img/comprehensive/54.png) no-repeat;
      background-size: 100% 100%;
    }
    .loop{
      margin: 0 auto;
      margin-top: 1rem;
      width: 18.75rem;
      height: 15.75rem;
      background: url(../../../assets/img/comprehensive/23.png) no-repeat;
      background-size: 100% 100%;
    }
    .fx_fq{
      color: #00ECFC;
      padding: 1rem 1rem 1.3rem 1rem;
      background: url(../../../assets/img/comprehensive/30.png) no-repeat;
      background-size: 100% 100%;
    }
    .process{
      border-left: solid 1px #5CD93A;
      .process_title{
        padding-left:2rem;
        margin-left: -0.5rem;
        width: 7rem;
        line-height: 2.5rem;
        background: url(../../../assets/img/comprehensive/31.png) no-repeat;
        background-size: 100% 100%;
      }
      .buts{
        margin: 0 1rem;
        padding-top: 1rem;
        .but1{
          margin-right: 1rem;
          padding: 0.5rem 0.5rem 0.8rem 0.5rem;
          background: url(../../../assets/img/comprehensive/17.png) no-repeat;
          background-size: 100% 100%;
        }
        .but2{
          padding: 0.5rem 0.5rem 0.8rem 0.5rem;
          background: url(../../../assets/img/comprehensive/18.png) no-repeat;
          background-size: 100% 100%;
        }
      }
    }
  }
}
</style>
